<template>
  <v-container fluid>
    <v-row dense>
      <v-col v-for="item in classes" :key="item.title" cols="3">
        <v-card :to="{ name: '课程详情' }">
          <v-card-title v-text="item.title" />
          <v-card-subtitle v-text="'老师：' + item.teacher" />
        </v-card>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
// @ is an alias to /src
export default {
  name: "Home",
  data: () => ({
    classes: [
      {
        title: "数学分析",
        teacher: "xxx"
      },
      {
        title: "身边的基因科学",
        teacher: "xxx"
      }
    ]
  })
};
</script>
